<script type="text/javascript">
	function func_add(){
		$("#chooseImageDiv").css('display', 'block');
		$("#imageErr").html("");
	}

	function func_submit(){
		if($("#file").val() == ""){
			$("#imageErr").html("(Vui lòng chọn file)");
			return;
		}else{
			$("#imageErr").html("");
		}

		var fileName = $("#file").val();
  	   	if (fileName.indexOf(".") == -1){
  	   		$("#imageErr").html("(Vui lòng chọn file hình ảnh [*.jpg, *.png hoặc *.gif] )");
  	   		return;
  	   	}else{
  	   		$("#imageErr").html("");
  	   	}
  	   	
		var extension = fileName.substring(fileName.lastIndexOf("."), fileName.substring.lenght);
		if(extension != ".png" && extension != ".PNG"  &&
		   extension != ".jpg" && extension != ".JPG" && 
		   extension != ".JPEG" && extension != ".gif" && 
		   extension != ".GIF"){
				$("#imageErr").html("(Vui lòng chọn file hình ảnh<br/>[*.jpg, *.png hoặc *.gif] )");
	   	   		return;
		}else{
			$("#imageErr").html("");
		}

		var mydata = {};
		mydata['image_name'] = $("#file").val();
		$.ajax({
	        type: "POST", 
	        url: "/it_center/Pics/checkExist/", 
	        data: mydata,
	        success: function(data){  	
		        if(data != ""){
			        $("#imageErr").html("(" + data + ")");
			        return;
		        }else{
		        	return $("#main_form").submit();
		        }
	       	} 
   		});
	}

	function func_delete(name){
		var r=confirm("Bạn muốn xóa hình ảnh này?")
		if (r==true){
			$("#hidName").val(name);
			$("#main_form").prop("action", "/it_center/Pics/delete/");
			return $("#main_form").submit();
		}else{
			return;
		}
	}
</script>
<form id="main_form" action="/it_center/Pics/add" method="post" enctype="multipart/form-data">
<div class="popup-a" id="chooseImageDiv" style="display: none;">
	<input type="hidden" id="hidName" name="img_name" value="" />
	<div class="map-b">
	<h2 style="margin-top: 34px; margin-left: 43px;">THÊM MỚI HÌNH ẢNH</h2>
	<table style="margin-left: 20px; margin-top: 29px; width: 400px;">
		<tr>
			<td class="edit_column">Hình Ảnh</td>
			<td>
				<input type="file" name="file" id="file"/>
				<br/>
				<span id="imageErr" class="errMsg"></span>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="text-align: center;">
				<button type="button" onclick="func_submit()">Hoàn tất</button>
			</td>
		</tr>
	</table>
	</div>
	
           
</div>
</form>
<section id="content">
	
	<center>
		<h1>QUẢN LÍ CÁC HÌNH ẢNH HIỂN THỊ TẠI TRANG CHỦ</h1>
	</center>
	<br/>
	<br/>
	<table id="image_table">
		<?php for ($i = 0; $i < 3; $i++){?>
			<tr>
			<?php for ($j = 0; $j < 4; $j++){?>
				<?php if ($imageList[$i][$j] == ""){?>
					<td class="no_image_cell">
						<a class="add_image" onclick="func_add()">Thêm ảnh</a>
					</td>
				<?php }else{?>
					<td class="image_cell">
						<img style="max-width:170px;max-height: 100px;" src="/it_center/images/main_image/<?php echo $imageList[$i][$j];?>"/>
						<br/>
						<br/>
						<a class="delete" onclick="func_delete('<?php echo $imageList[$i][$j];?>')">Xóa</a>
					</td>
				<?php }?>
			<?php }?>
			</tr>
		<?php }?>
	</table>
</section>